html{
	background: #FBFBFB;
}
body,
.mui-content {
	background: #FBFBFB;
	font-family: "microsoft yahei";
}
.dhc-backdrop{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	background-color: rgba(0,0,0,.3);
}
.dhc-backdrop.dhc-active{
	display: block;
}
.mui-slider-indicator {
	bottom: 0px;
	/* background: white; */
	line-height: 13px;
	height: 26px;
}

.mui-slider-indicator .mui-indicator {
	background: transparent;
	border-radius: 5px;
	width: 80px;
	height: 24px;
	box-shadow: none;
	margin: 0px 15px;
	line-height: 22px;
	font-size: 1rem;
	cursor: default;
	color: gray;
	border: #ddd solid 1px;
}

.mui-slider-indicator .mui-active.mui-indicator {
	/* background-image: linear-gradient(to left, #0acffe 0%, #017bce 100%); */
	/* width: 100px; */
	color: white;
	opacity: 0.75;
	background-color: #017bce;
}

/****整个病区日志****/
.allLogWrapper {
	background: white;
	width: calc(100% - 30px);
	height: 100%;
}

.hasSwitch .allLogWrapper {
	width: calc(87.5% - 30px);
}

/****半个病区日志****/
.wardLog {
	height: 100%;
	width: 50%;
	border-right: 1px gainsboro solid;
}

.halfLogWrapper {
	width: 50%;
	background: white;
}

#allLogScroll {
	/* height: 100%; */
}

#halfLogScroll {
	width: calc(100% - 1px);
}

#allLogScroll table,
#halfLogScroll table{
	color: #323232;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
	border-color: #e9e9e9;
}
.nightMode #allLogScroll table,
.nightMode #halfLogScroll table{
	border-color: #686868;
	color: white;
}
#allLogScroll td,
#halfLogScroll td {
	position: relative;
	white-space: normal;
	/* min-width: 50px;
	height: 40px;
	font-size: 14px;
	padding： 0 2px 0 2px */
	min-width: 3.125rem;
	padding: 0 0.125rem;
	line-height: 150%;
}

#allLogScroll td {
	overflow-wrap: break-word;
	/* word-wrap:break-word; */
	/* word-break: break-all; */
	/* padding: 5px; */
	padding: 0px 0.125rem;
}
#allLogScroll td .noBreak,#halfLogScroll td .noBreak{
	display: inline-block;
	white-space: nowrap;
	margin-right: 0.3125rem;
}
#allLogScroll td .noBreak + .allergys,#halfLogScroll td .noBreak + .allergys{
	color: #323232;
}
#allLogScroll td.itemName, #halfLogScroll td.itemName{
	font-size: 1.125rem;
	background-color: #EBF9FF;
	color: #323232;
}
#halfLogScroll td.itemName{
	font-size: 0.875rem;
}

/* 日间选中 */
#halfLogScroll td.itemName.chosen::before {
	content: "";    position: absolute;    left: 2px;    top: 2px;    right: 2px;    bottom: 2px;    color: #323232;    background: rgba(255,215,0, .6);	animation: dayFlash 1s infinite;
}
/* 夜间选中 */
.nightMode #halfLogScroll td.itemName.chosen::before {
	animation: nightFlash 1s infinite;
}

@keyframes dayFlash {
	0%, 100%{
		box-shadow: none;
		border: none;
	}
	50% {
		border: 2px dashed #FF7F50;
		box-shadow: 0 0 3px 3px #017BCE;
	}
}
@keyframes nightFlash {
	0%, 100%{
		box-shadow: none;
		border: none;
	}
	50% {
		border: 2px dashed lavenderblush;
		box-shadow: 0 0 3px 3px #017BCE;
	}
}

#alllogNull {
	transition: left 0.2s ease, right 0.2s ease;
}

.hasSwitch #alllogNull {
	left: calc(50% - 13.75rem);
	transition: left 0.2s ease, right 0.2s ease;
}

#halfLogScroll td.ellipsis {
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

.custom {
	border: 1px dashed red;
}

#halfLogScroll td.itemName td {
	border: 1px white solid;
}

/* 单元格悬浮样弄1�7*/
#halfLogScroll td.ellipsis:before,
#halfLogScroll td.ellipsis:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	width: 0;
	background: #007AFF;
	transition: 200ms ease all;
	/* cursor: pointer; */
}

#halfLogScroll td.ellipsis:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

#halfLogScroll td.ellipsis:hover:before,
#halfLogScroll td.ellipsis:hover:after {
	width: 100%;
	transition: 400ms ease all;
	/* cursor: pointer; */
}

#allLogScroll td:before,
#allLogScroll td:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	width: 0;
	background: #007AFF;
	transition: 200ms ease all;
	/* cursor: pointer; */
}

#allLogScroll td:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

#allLogScroll td:hover:before,
#allLogScroll td:hover:after {
	width: 100%;
	transition: 400ms ease all;
	/* cursor: pointer; */
}

/* 单元格悬浮样弄1�7END */


/**手工输入图标**/
#allLogScroll td .manualIcon,
#halfLogScroll td .manualIcon {
	position: absolute;
	right: 0px;
	bottom: 0px;
	color: coral;
	text-align: right;
	opacity: 0.55;
	/* font-size: 25.5px;
	width: 40px;
	height: 26px; */
	font-size: 1.59375rem;
	width: 2.5rem;
	height: 1.625rem;
}

/***** 半个日志 *****/
.nolog {
	text-align: center;
	position: absolute;
	border: gainsboro 1px dashed;
	border-radius: 3px;
	/* padding: 20px 15px;
	width: 200px;
	top: calc(40% - 50px);
	left: calc(50% - 100px); */
	padding: 1.25rem 0.9375rem;
	width: 12.5rem;
	top: calc(40% - 3.125rem);
	left: calc(50% - 6.25rem);
}

.bedCount{
	position: absolute;
	top: 0;
	left: 0px;
	width: 1.25rem;
	color: white;
	font-family: monospace;
	font-size: 0.8125rem;
	line-height: 1rem;
	font-style: normal;
	font-weight: 400;
	background: royalblue;
	opacity: 0.65;
}

.iconpin:before{
	top: -0.3125rem;
	right: 0;
	font-size: 0.5625rem;
}

/***** 床位囄1�7*****/
#allbedNull {
	transition: left 0.2s ease, right 0.2s ease;
}

.hasSwitch #allbedNull {
	left: calc(50% - 13.75rem);
	transition: left 0.2s ease, right 0.2s ease;
}

#halfbedNull {
	position: absolute;
	left: calc(75% - 7.5rem);
	transition: left .4s ease, z-index .4s ease, opacity .4s ease;
}

.hasSwitch #halfbedNull {
	left: calc(75% - 13.75rem);
}

.bedMap {
	position: absolute;
	width: calc(50% - 30px);
	height: 100%;
	left: 50%;
	top: 0;
}
.hasSwitch .bedMap{
	width: calc(37.5% - 30px)
}
.bedMapLocs{
	width: calc(100% - 60px);
	min-height: 35px;
	display: none;
	white-space: normal;
	word-break: normal;
	overflow: hidden;
}
.bedMapLocs .mui-control-item{
	width: auto;
	font-size: 0.875rem;
	padding: 0 1rem;
	color: #333333;
	border: none;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	white-space: nowrap;
}
.bedMapLocs .mui-control-item.mui-active{
	color: #017BCE;
	background-color: transparent;
	border-bottom: #007AFF 1.5px solid;
	font-size: 1rem;
}
.mui-control-content{
	height: 100%;
}
.bedMap.mulSeg .bedMapLocs{
	display: block;
	border: none;
}
.bedMap .bedMapContainer{
	position: absolute;
	top: 35px;
	/* height: 100%; */
	width: 100%;
	background: white;
	height: calc(100% - 35px);
}
.bedMap.mulSeg .bedMapContainer{
	height: calc(100% - 1.5625rem);
	width: 100%;
	position: absolute;
}
.cardMode{
	position: absolute;
	right: 0.3125rem;
	top: 1px;
}
.cardMode.mui-switch .mui-switch-handle{
	text-align: center;
	line-height: 28px;
	color: #017BCE;
}

.halfBedWrapper {
	background: white;
	/* padding-bottom: 10px; */
	padding-bottom: 0.625rem;
	height: calc(100% - 0.625rem);
}
.allBedWrapper {
	padding-bottom: 10px;
	width: calc(100% - 30px);
}

.hasSwitch .allBedWrapper {
	width: calc(87.5% - 30px);
}

.halfBed,
.oneBed {
	background-color: white;
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	border-radius: 0.125rem;
	/* width: calc(100% / 3 - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 7px;
	margin-bottom: 3px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .38); */
	width: calc(100% / 3 - 1.25rem);
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	margin-top: 0.4375rem;
	margin-bottom: 0.375rem;
	box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, .38);
}

.oneBed {
	/* width: calc(100% / 6 - 20px); */
	width: calc(100% / 6 - 1.25rem);
}

.hasSwitch .halfBed {
	/* width: calc(50% - 20px); */
	width: calc(50% - 1.25rem);
}

.hasSwitch .oneBed {
	/* width: calc(20% - 20px); */
	width: calc(20% - 1.25rem);
}

.bedFilter .halfBed {
	display: none;
}

.bedFilter .halfBed.selected {
	display: block;
}

/* 床位卡悬浮样弄1�7*/
.halfBed:before,
.oneBed:before,
.halfBed:after,
.oneBed:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 2.5px;
	width: 0;
	background: #FF8A65;
	border-radius: 1px;
	transition: 200ms ease all;
}

.halfBed:after,
.oneBed:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}

.halfBed:hover:before,
.oneBed:hover:before,
.halfBed:hover:after,
.oneBed:hover:after {
	width: 100%;
	transition: 400ms ease all;
}

/* 床位卡悬浮样弄1�7END */


.titleInfo {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
}
.titleInfo.simple {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	display: block;
}

.sexInfo.simple{
	display: none;
}

.bedNum {
	border-radius: 2px;
	font-weight: 700;
	font-family: "microsoft yahei";
	background: whitesmoke;
	border: 1px solid white;
	color: darkgoldenrod;
	/* margin-left: 3px;
	margin-right: 3px;
	padding: 0px 8px; */
	margin-left: 0.1875rem;
	margin-right: 0.1875rem;
	padding: 0px 0.5rem;
	font-size: 1.125rem;
}

.patName {
	background: none;
	/* color: #323232; */
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	/* margin-left: 5px; */
	margin-left: 0.3125rem;
	font-size: 0.875rem;
}

.inHospTime {
	position: absolute;
	color: unset;
	top: 0px;
	/* right: 5px;
	font-size: 14px; */
	right: 0.3125rem;
	font-size: 0.875rem;
}

.sex {
	position: absolute;
	opacity: 0.7;
	/* width: 34px;
	height: 34px;
	left: 5px;
	margin-top: 5px; */
	width: 2.125rem;
	height: 2.125rem;
	left: 0.3125rem;
	margin-top: 0.3125rem;
}

.sex.mobile{
	/* width: 24px;
	height: 24px;
	left: 3px;
	margin-top: 2px; */
	width: 1.5rem;
	height: 1.5rem;
	left: 0.1875rem;
	margin-top: 0.125rem;
}
.bedStr{
	padding: 0px 0px;
	font-size: 0.8125rem;
	margin-top: 1px;
	margin: 4px 0px;
	background: antiquewhite;
	color: #323232;
	border-radius: 3px;
	width: 80%;
	text-align: center;
	margin-left: 10%;
}

.baseInfo {
	margin-top: 0px;
	width: 100%;
	text-align: center;
	height: auto;
	float: left;
	clear: both;
	/* padding-top: 2px;
	margin-bottom: 2px;
	min-height: 50px; */
	padding-top: 0.125rem;
	margin-bottom: 0.125rem;
	min-height: 50px;
}

.baseInfo.simple{
	display: none;
}

.imgBadge.simple{
	display: none;
}

.im.value:nth-child(2n) {
	display: block;
}

.key,
.value {
	float: left;
	text-align: right;
	color: gray;
	overflow: hidden;
	/* font-size: 13px;
	height: 20px;
	line-height: 20px; */
	height: 1.25rem;
	line-height: 1.25rem;
}

.value {
	color: #323232;
	text-align: left;
	float: right;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bedFilter.specicalFilter .im {
	display: none;
}

.bedFilter.specicalFilter .im.special {
	display: block;
}

.imgBadge {
	width: 100%;
	display: flex;
	/* padding: 0px 5px;
	min-height: 24px; */
	padding: 0px 0.3125rem;
	height: 1.5rem;
}

.yuZhuYuan {
	position: absolute;
	bottom: 0px;
	opacity: 0.6;
	z-index: 2;
	/* right: 2px;
	width: 40px;
	height: 30px; */
	right: 0.125rem;
	width: 2.5rem;
	height: 1.875rem;
}

.halfBed .cardImg {
	display: inline;
}

.mui-slider .mui-slider-group .mui-slider-item {
	white-space: nowrap;
}

.mui-slider .mui-slider-group .mui-slider-item .cardImg {
	display: inline-block;
	transition: transform 0.5s;
	/* width: 18px;
	height: 18px;
	margin: 0px 4px; */
	width: 1.125rem;
	height: 1.125rem;
	margin: 0.1875rem;
}

.mui-slider .mui-slider-group .mui-slider-item .cardImg:hover {
	transform: scale(1.4, 1.4);
}

.unavailInfo {
	position: absolute;
	width: 100%;
	color: #0062CC;
	text-align: center;
	/* top: calc(40% - 25px);
	height: 50px;
	line-height: 50px;
	font-size: 14px; */
	top: calc(50% - 1.25rem);
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.875rem;
	padding-left: 2.25rem;
}
/* 患者信息弹框 */
.PatInfoPopover{
	position: absolute;
	background: white;
	border-radius: 2px;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
	left: 25%;
	width: 50%;
	/* height: 480px; */
	height: 30rem;
}
.PatInfoPopover .headTip{
	/* font-size: 15px; */
	font-size: 0.9375rem;
}
.popContent{
	position: relative;
	width: 100%;
	/* height: calc(100% - 40px); */
	height: calc(100% - 2.5rem);
}
.patBase{
	position: relative;
	top: 0px;
	/* bottom: 5px;
	left: 10px;
	right: 10px;
	width: calc(100% - 20px);
	height: 50px; */
	bottom: 0.3125rem;
	left: 0.625rem;
	right: 0.625rem;
	width: calc(100% - 1.25rem);
	height: 3.125rem;
}
.sexImg{
	position: relative;
	/* left: 5px;
	top: 5px;
	height: 50px;
	width: 50px; */
	left: 0.3125rem;
	top: 0.3125rem;
	height: 3.125rem;
	width: 3.125rem;
}
.sexImg img{
	height: 100%;
	width: 100%;
}
.patBaseInfo{
	position: absolute;
	color: #525252;
	overflow: hidden;
	/* top: 10px;
	left: 50px;
	right: 5px;
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
	font-size: 16px; */
	top: 0.3125rem;
	left: 3.75rem;
	right: 0.3125rem;
	height: 1.25rem;
	line-height: 1.25rem;
	padding: 0px 0.3125rem;
	font-size: 0.875rem;
}
.patBaseInfo div{
	display: inline;
	position: relative;
	top: 0;
	bottom: 0;
	color: #525252;
	/* padding: 0px 3px;
	font-size: 16px; */
	padding: 0px 0.1875rem;
	font-size: 1rem;
}
.vline{
	border-left: 1px gainsboro solid;
}
.patImg{
	position: absolute;
	/* left: px;
	top: 30px;
	right: 5px;
	height: 24px;
	padding: 0px 5px; */
	left: 3.75rem;
	top: 1.875rem;
	right: 0.3125rem;
	height: 1.5rem;
	padding: 0px 0.3125rem;
}
.patImg img{
	/* width: 24px;
	height: 24px;
	margin: 0px 4px; */
	width: 1.5rem;
	height: 1.5rem;
	margin: 0px 0.25rem;
}
.line{
	position: relative;
	height: 1px; 
	background: gainsboro;
	/* width: calc(100% - 32px);
	left: 16px;
	top: 5px; */
	width: calc(100% - 2rem);
	left: 1rem;
	top: calc(0.3125rem + 2px);
}
.patDetail{
	position: relative;
	background: #FDFDFD;
	/* top: 5px;
	left: 16px;
	right: 16px;
	width: calc(100% - 40px);
	height: calc(100% - 130px); */
	top: 0.3125rem;
	left: 1rem;
	right: 1rem;
	width: calc(100% - 2rem);
	height: calc(100% - 6.875rem);
}
.item{
	width: 100%;
	/* height: 30px;
	line-height: 30px;
	margin: 5px 0px; */
	height: 1.75rem;
	line-height: 1.75rem;
	margin: 0.3125rem 0;
}
.patDetail .important.hide{
	display: none;
}
.item input{
	color: #515151;
	/* padding: 0px 5px;
	font-size: 14px; */
	padding: 0px 0.3125rem;
	font-size: 0.875rem;
}
.inline.one{
	display: inline-block;
	width: 100%;
}
.inline.two{
	display: inline-block;
	/* width: calc(50% - 2px); */
	width: calc(50% - 0.125rem);
}
.inline.three{
	display: inline-block;
	width: calc(100% / 3 - 4px);
}
.label{
	text-align: right;
	display: inline-block;
	color: gray;
	/* width: 70px;
	font-size: 13px; */
	width: 4.375rem;
	font-size: 0.8125rem;
}
.item input{
	display: inline-block;
	/* height: 30px;
	line-height: 30px;
	width: calc(100% - 90px); */
	height: 1.875rem;
	line-height: 1.875rem;
	width: calc(100% - 5.625rem);
}

#closePat{
	position: absolute;
	border: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #017BCE;
	color: white;
	/* bottom: 7px;
	font-size: 15px;
	width: 70px;
	padding: 6px 12px;*/
	bottom: 0.4375rem;
	font-size: 0.9375rem;
	width: 4.375rem;
	padding: 0.375rem 0.75rem;
}
/* 手动录入床号 start*/
.ManualPopover {
	position: absolute;
	left: 50%;
	top: 0px;
	height: 100%;
	border-radius: 3px;
	background: white;
	/* width: 400px; */
	width: 25rem;
}
.iconmodel:before {
    font-weight: 400;
    font-size: 1.25rem;
    padding-top: 0;
}
.headTip {
	background: #017BCE;
	color: white;
	font-weight: 700;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	/* height: 40px;
	line-height: 40px;
	padding-left: 15px;
	font-size: 14px; */
	height: 2.5rem;
	line-height: 2.5rem;
	padding-left: 0.9375rem;
	font-size: 0.875rem;
}

#editClose,
#itemClose,
#patClose {
	position: absolute;
	text-align: center;
	right: 0px;
	top: 0px;
	/* height: 40px;
	line-height: 40px;
	width: 40px; */
	height: 2.5rem;
	line-height: 2.5rem;
	width: 4rem;
}
.customText{
	left: 0px;
	width: 100%;
	/* top: 45px;
	height: 75px;
	padding: 0px 10px; */
	top: 5.625rem;
	height: calc(40% - 3.75rem);
}
.customText .oneLine,.totalText{
	width: calc(100% - 1.25rem);
	margin: 0.3125rem 0.625rem 0 0.625rem;
	display: flex;
}
.oneLine input[type="text"],.totalText input[type="text"]{
	width: calc(100% -  2.8125rem);
	color: #323232;
	/* height: 30px;
	padding: 10px 15px;
	font-size: 14px; */
	margin: 0 0 0 0.3125rem;
	height: 1.875rem;
	padding: 0 0.3125rem;
	font-size: 0.875rem;
	border: 1px solid rgba(0,0,0,.2);
	float: none;
}
.oneLine .selectedBed,.totalText .textTip{
	color: #323232;
	/* margin-left: 5px;
	font-size: 14px;
	line-height: 30px; */
	font-size: 0.875rem;
	line-height: 1.875rem;
	width: 2.8125rem;
	overflow: hidden;
	background: rgba(67, 173, 127, 0.50);
	font-weight: 700;
	border-radius: 2px;
	text-align: center;
	float: none;
	padding: 0;
}
.totalText{
	margin: 0;
	width: 100%;
	height: 1.875rem;
	padding: 0px 0.625rem;
	margin-top: 0.625rem;
}

.totalText .textTip{
	line-height: 0.9375rem;
	background-color: transparent;
}
.totalSelfDef{
	color: #EE7AE9 !important;
}
td .totalSelfDef{
	display: inline-block;
}
.ManualPopover .mui-input-row .mui-input-clear~.mui-icon-clear{
	font-size: 1.25rem;
	top: 0;
	right: 0;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
}
.ManualPopover .totalText.mui-input-row .mui-input-clear~.mui-icon-clear{
	right: 0.625rem;
}
.manualSegment.mui-segmented-control.mui-scroll-wrapper{
	width: 100%;
	height: 2.25rem;/* 25px */
	display: none;
	border-top-left-radius: 1.125rem;
	border-top-right-radius: 1.125rem;
	border: solid 1px #EAEAEA;
	border-bottom: 0;
}
.manualSegment.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
	height: calc(100% - 1px);
}
.ManualPopover.mulSeg .manualSegment{
	display: block;
}
.mui-popover .manualSegment.mui-scroll-wrapper{
	top: calc(40% - 2.5rem);
	margin: 0;
}
.manualSegment.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	border-color: #017BCE;
	color: #017BCE;
	font-size: 1.0625rem;
}
.manualSegment.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
	font-size: 0.9375rem;
}

.ManualPopover .mui-scroll-wrapper{
	border-radius: 0;
	margin: 0;
}

.manualBedMap {
	position: absolute;
	top: 40%;
	bottom: 2.5rem;
	width: 100%;
}
.manualBedMap .mui-scroll-wrapper{
	background-color: #EAEAEA;
}
.ManualPopover.mulSeg .manualBedMap{
	top: calc(40% + 4.75rem);
}
.ManualPopover.mulSeg .manualBedMap .mui-scroll-wrapper{
	margin-top: 0;
}
.manualBedMap .mui-scroll .mui-table-view {
	border-radius: 0px;
}

.manualBedMap .mui-scroll {
	/* padding: 0px 5px; */
	padding: 0px 0.3125rem;
}

.bed {
	text-align: center;
	background-color: white;
	position: relative;
	float: left;
	display: block;
	box-shadow: 1px 2px 1px lightgray;
	border-radius: 3px;
	/* height: 34px;
	width: calc(25% - 10px);
	margin: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px; */
	height: 2.125rem;
	width: calc(25% - 0.625rem);
	margin: 0.3125rem;
	margin-bottom: 0.625rem;
	padding-bottom: 0.3125rem;
}

.bedNo {
	border-radius: 2px;
	color: #007AFF;
	font-weight: 700;
	font-family: "microsoft yahei";
	/* font-size: 14px;
	height: 17px;
	line-height: 17px; */
	font-size: 0.875rem;
	height: 1.0625rem;
	line-height: 1.0625rem;
}

.bed.selected {
	background: rgba(67, 173, 127, 0.50);
}

.bedPat {
	overflow: hidden;
	/* font-size: 12px;
	height: 17px;
	line-height: 17px; */
	font-size: 0.75rem;
	height: 1.0625rem;
	line-height: 1.0625rem;
}

#closeBtn {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	/* height: 40px;
	line-height: 40px;
	width: 40px; */
	height: 2.5rem;
	line-height: 2.5rem;
	width: 2.5rem;
}

.buttonC {
	position: absolute;
	left: 0px;
	width: 100%;
	/* bottom: 5px;
	height: 40px; */
	bottom: 0.3125rem;
	height: 2.5rem;
}

#commitBtn {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	line-height: 0px;
	left: 30%;
	width: 20%;
	border: #358fd6 1px solid;
	color: white;
	background: #358fd6;
	/* height: 30px;
	font-size: 14px; */
	height: 1.875rem;
	font-size: 0.875rem;
}

#cancelBtn {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 51%;
	width: 20%;
	line-height: 0px;
	border: #358fd6 1px solid;
	/* height: 30px;
	font-size: 14px; */
	height: 1.875rem;
	font-size: 0.875rem;
}

/* 手动录入床号 end*/

/********日志自定义popover****/
.itemPopover {
	height: 100%;
	left: 50%;
	top: 0px;
	background: #FBFBFB;
	border: 1px gray solid;
	border-radius: 3px;
	/* width: 400px; */
	width: 25rem;
}

.itemPopover .itemCreateArea {
	position: absolute;
	display: flex;
	width: 100%;
	padding-right: 0px;
	border-top: 1px solid darkgray;
	/* bottom: 15px;
	padding-top: 20px; */
	bottom: 0.9375rem;
	padding-top: 1.25rem;
}

.itemPopover .itemSearchArea{
	position: absolute;
	display: flex;
	width: 100%;
	border-bottom: 1px solid lightgray;
	/* top: 40px;
	padding: 15px 0px; */
	top: 2.5rem;
	padding: 0.9375rem 0px;
}

.itemCreateArea input[type="text"],
.itemSearchArea .mui-input-row,
.itemPopover button {
	border: #017BCE 1px solid;
	/* margin: 0px 5px;
	height: 35px;
	font-size: 14px;
	width: calc(100% - 200px); */
	margin: 0px 0.3125rem;
	font-size: 0.875rem;
	width: calc(100% - 12.5rem);
}
.itemSearchArea .mui-input-row{
	/* width: calc(100% - 100px); */
	border: 0px;
	width: calc(100% - 6.25rem);
}
.itemCreateArea input[type="text"],.itemPopover button {
	height: 2.1875rem;
}

.itemSearchArea input[type="search"]{
	background-color: white;
	margin: 0px;
	height: 2.1875rem;
	border-radius: 3px;
	border: #017BCE 1px solid;
	 -webkit-tap-highlight-color: transparent;
	font-size: 1rem;
	text-align: left;
}
.itemSearchArea input:-internal-autofill-selected {
	box-shadow: inset 0 0 0 1000px white !important; 
}
.itemSearchArea .mui-input-row .mui-input-clear~.mui-icon-clear{
	color: lightgray;
	top: 0.625rem;
}

.itemPopover button {
	padding: 0px;
	text-align: center;
	/* width: 80px;
	line-height: 30px; */
	width: 5rem;
	line-height: 1.875rem;
}

.itemPopover .mui-scroll-wrapper {
	width: 100%;
	margin: 0px;
	border-radius: 0px;
	/* top: 106px;
	bottom: 72px; */
	top: 6.625rem;
	bottom: 4.5rem;
}

.itemPopover .mui-table-view {
	background: white;
	border-radius: 0px;
}

.itemPopover li {
	display: inline-flex;
	border-bottom: 1px dashed lightgray;
	color: grey;
	margin: 0px;
	/* width: calc(50% - 10px);
	font-size: 15px;
	margin-left: 5px;
	padding: 5px; */
	width: calc(50% - 0.625rem);
	font-size: 0.9375rem;
	margin-left: 0.3125rem;
	padding: 0.25rem;
}

.itemPopover li:last-child {
	border-bottom: none;
}

.itemPopover .mui-table-view-cell::after {
	height: 0px;
}
.itemPopover li.chosenItem{
	background-color: aliceblue;
}
.chosenItem .itemText {
	color: #017BCE;
}

li .itemText {
	/* max-width: calc(100% - 60px);
	height: 40px;
	line-height: 40px;
	margin-left: 10px; */
	max-width: calc(100% - 2rem);
	height: 2.5rem;
	line-height: 2.5rem;
	margin-left: 5px;
}

li .arrow {
	position: absolute;
	text-align: center;
	color: gray;
	/* right: 10px;
	width: 50px;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	font-size: 13px; */
	right: 0.625rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-left: 0.625rem;
	font-size: 0.8125rem;
}

li.child {
	color: gray;
	text-align: right;
	background: aliceblue;
	/* padding-left: 50px;
	font-size: 14px; */
	padding-left: 2rem;
	font-size: 0.875rem;
}
.deleteItem{
	color: red;
}
#tip {
	color: #323232;
	text-align: center;
	/* width: 100px;
	height: 35px;
	line-height: 35px;
	font-size: 15px; */
	width: 6.25rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
	font-size: 0.9375rem;
}

/**管床***/
#nurseBed .nurseHalf{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: calc(50% - 25px);
	height: calc(100% - 10px);
	position: relative;
}
#nurseBed table {
	margin: 0;
	width: 100%;
	table-layout:fixed;
}

.hasSwitch #nurseBed .nurseHalf{
	width: calc(43.75% - 25px);
}
#nurseBed tbody {
	width: 100%;
	color: #323232;
	background: white;
	text-align: center;
}

#nurseBed th {
	background: #EBF9FF;
	color: black;
	font-weight: 700;
	border-right: 0;
	border: 1px #E9E9E9 solid;
	/* font-size: 16px;
	height: 40px;
	line-height: 40px; */
	font-size: 1rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

#nurseBed th:last-child,#nurseBed td:last-child {
	border-right: 1px gainsboro solid;
}

#nurseBedBody td ,#docBedBody td{
	position: relative;
	border-left: 1px #E9E9E9 solid;
	border-bottom: 1px #E9E9E9 solid;
	transition: 800ms ease all;
	outline: none;
	/* font-size: 16px;
	height: 40px; */
	font-size: 1rem;
	height: 2.5rem;
	word-break: break-all;
	word-wrap:break-word;
	white-space: pre-line;
	padding: 0.3125rem;
	line-height: 1.6;
}

.nurseBedWrapper{
	top: 2.5rem;
	background: white;
	width: 100%;
}

.nurse{
	width: 20%;
}
.forBed{
	width: 80%;
}

.forBed .nurBed{
	word-break: keep-all;
}
 /* 管床end */
/* 深色模式 */
.nightMode,body.nightMode,.nightMode .mui-content {
	background: #313838;
	/* 滑动点背景色 */
}

.nightMode .halfBedWrapper,.nightMode .bedMapContainer {
	background: #313838;
}

.nightMode .allBedWrapper {
	background: #313838;
}

.nightMode .allLogWrapper {
	background: #404848;
	color: white;
}

.nightMode .halfLogWrapper {
	background: #313838;
	color: white;
}

.nightMode #allLogScroll td,
.nightMode #halfLogScroll td {
	color: darkgray;
}
.nightMode #allLogScroll td .noBreak + .allergys,.nightMode #halfLogScroll td .noBreak + .allergys{
	color: darkgray;
}
.nightMode .halfBed {
	background: #2C3E50;
	color: darkgray;
}

.nightMode .oneBed {
	background: #2C3E50;
	color: darkgray;
}
.nightMode .bedNum{
	/* color: whitesmoke; */
}
.nightMode .patName ,.nightMode .inHospTime ,.nightMode .value{
	color: gray;
}

.nightMode .key {
	color: Silver;
}

.nightMode .mui-slider-indicator .mui-indicator{
	border-color: #4682B4;
	color: darkgray;
}
.nightMode .mui-slider-indicator .mui-active.mui-indicator {
	background: #4682B4;
	border-color: #4682B4;
	color: white;
}

.nightMode .ManualPopover {
	background: #404848;
}

.nightMode .bed {
	background: #313838;
	color: #E4E4E4;
	box-shadow: 1px 2px 1px gray;
}

.nightMode .selected {
	background: #2C3E50;
	
}

.nightMode .bedNo {
	color: Silver;
}


.nightMode #halfLogScroll td .manualIcon {
	color: lightgoldenrodyellow;
}

.nightMode #allLogScroll td .manualIcon {
	color: lightgoldenrodyellow;
}

.nightMode .manualBedMap .mui-scroll-wrapper {
	background: #28292C;
}

.nightMode .imgBadge {
	border-color: #2565a1;
}

.nightMode #halfLogScroll td.itemName, .nightMode #allLogScroll td.itemName{
	background: #2C3E50;
}
.nightMode #halfLogScroll td.itemName.chosen {
	background: gray;
}
/* 选中床位的单元格 */
#halfLogScroll td.ellipsis.chosen { 
	background: gold;
}

.nightMode #halfLogScroll td.chosen{ 
	background: slategrey;
}

.nightMode .iconpin:before {
	color: yellowgreen;
}
.nightMode .textTip{
	color: lightgray;
}
.nightMode .ManualPopover,.nightMode .itemPopover{
	border: darkgray 1px solid;
	box-shadow: darkgray 3px 0px 5px 2px;
}


.nightMode .ManualPopover #cancelBtn{
	background-color: lightgray;
	border-color: lightgray;
}
.nightMode .ManualPopover #commitBtn{
	color: whitesmoke;
	background: #4682B4;
	border-color: #4682B4;
}
.nightMode .headTip{
	color: whitesmoke;
	background: #4682B4;
}
.nightMode .itemPopover .mui-scroll-wrapper{
	background-color: #313838;
}
.nightMode .itemPopover{
	background-color: #313838;
}
.nightMode .itemPopover .itemSearchArea{
	border-color: darkgray;
}
.nightMode .itemPopover .itemCreateArea input[type="text"],
.nightMode .itemPopover .itemSearchArea input[type="search"]{
	background-color: lightgray;
	border-color: lightgray;
}
.nightMode .itemPopover .itemSearchArea input:-internal-autofill-selected {
	box-shadow: inset 0 0 0 1000px lightgray !important;
}
.nightMode .itemSearchArea .mui-input-row .mui-input-clear~.mui-icon-clear{
	color: gray;
}
.nightMode .itemPopover button{
	background-color: #4682B4;
	border-color: #4682B4;
	color: whitesmoke;
}
.nightMode .itemPopover #tip{
	color: #4682B4;
}
.nightMode .itemPopover .mui-table-view{
	background-color: #313838;
}
.nightMode .itemPopover li {
	background-color: #2C3E50;
	border-color: darkgray;
}

.nightMode .itemPopover li .itemText {
	color: lightgray;
}

.nightMode .itemPopover li.chosenItem .itemText {
	color: burlywood;
}


.nightMode .itemPopover li.child{
	background: #484848;
}
.nightMode .itemPopover li .itemText.deleteItem{
	color: #CD5B45;
}

.nightMode .unavailInfo{
	color: whiteSmoke;
}
.nightMode .mui-fullscreen{
	background: #313838;
}
.nightMode .mui-slider-indicator{
	background: #404848;
}

.nightMode .PatInfoPopover{
	border: gray 1px solid;
}
.nightMode input[disabled]{
	background-color: #404848;
	border-color: transparent;
	color: lightgray;
}
.nightMode .popContent{
	background-color: #313838;
	color: lightgray;
}
.nightMode .patDetail{
	background-color: #313838;
}
.nightMode .patDetail div{
	background-color: #313838;
	color: lightgray;
}
.nightMode .patBase{
	background-color: #313838;
}
.nightMode .patBase div{
	background-color: #313838;
	color: lightgray;
}
.nightMode #closePat{
	background-color: #4682B4;
	color: whitesmoke;
}
.nightMode .vline{
	background-color: lightgray;
}
.nightMode .line{
	background-color: darkgray;
}
.nightMode .mui-popover .manualSegment.mui-scroll-wrapper{
	background-color: lightgray;
}

.mui-popover .mui-table-view .mui-table-view-cell:first-child,
.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
	border-radius: 0px;
}

.mui-popover .mui-table-view .mui-table-view-cell:last-child,
.mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) {
	border-radius: 0px;
}

.toop {
	display: none;
	background-color: gray;
	opacity: 0.9;
	color: white;
	z-index: 9;
	border-radius: 3px;
	text-align: left;
	word-break: break-word;
	/* padding: 5px;
	font-size: 11px;
	max-width: 400px; */
	padding: 0.3125rem;
	font-size: 11px;
	max-width: 25rem;
}
.toop .noBreak{
	display: inline-block;
	white-space: nowrap;
}
td > .noBreak:nth-child(1){
	margin-left: calc(1rem + 2px);
}
/***********打包版本的鼠标扫过before和after效果清除***********/
.osPlus #halfLogScroll td.ellipsis:before,
.osPlus #halfLogScroll td.ellipsis:hover:before,
.osPlus #halfLogScroll td.ellipsis:after,
.osPlus #halfLogScroll td.ellipsis:hover:after,
.osPlus #allLogScroll td:before,
.osPlus #allLogScroll td:hover:before,
.osPlus #allLogScroll td:after,
.osPlus #allLogScroll td:hover:after,
.osPlus .halfBed:before,.osPlus .halfBed:hover:before,
.osPlus .oneBed:before,.osPlus .oneBed:hover:before,
.osPlus .halfBed:after,.osPlus .halfBed:hover:after,
.osPlus .oneBed:after,.osPlus .oneBed:hover:after{
	height: 0px;
	width: 0px;
	transition: none;
}

.nightMode #nurseBed th{
	background: #313838;
	color: lightgray;
	border-color: gray;
}
.nightMode .nurseBedWrapper{
	background: #313838;
}
.nightMode #nurseBedBody td,.nightMode #docBedBody td{
	background: #404848;
	color: whitesmoke;
	border-color: gray;
}
.nightMode .bedMapLocs .mui-control-item.mui-active{
	color: white;
	border-color: white;
	font-size: 1rem;
}
.nightMode .bedMapLocs .mui-control-item{
	color: darkgray;
	font-size: 14px;
}
.nightMode .customText input[type="text"],.nightMode .totalText input[type="text"] {
	background-color: lightgray;
}

.loc1{
	color: orange;
}

.loc2{
	color: skyblue;
}

.loc3{
	color: lightgreen;
}

.loc4{
	color: goldenrod;
	left:8rem;
}

.loc5{
	color: purple;
}

.tdTable{
	width: 100%;
	height: 100%;
}
.tdTable table{
	width: 100%;
	height: 100%;
	border: none;
}
.tdTable tr td{
	border: none;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}
.tdTable tr td:last-child{
	border-right: none;
}
.tdTable tr:last-child td{
	border-bottom: none;
}
.tdTable td.pinci {
	background: #EBF9FF;
}
#halfLogScroll .tdTable td.pinciBed {
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

#halfLogScroll td.ellipsis.chosen .tdTable{
	background: white;
}
#halfLogScroll td.ellipsis.chosen .tdTable tr.pinciChosen{
	background: gold;
}
/**夜间模式**/
.nightMode #halfLogScroll td.ellipsis.chosen .tdTable{
	background: #313838;
	color: white;
}
.nightMode .tdTable td.pinci{
	background: #2C3E50;
}
.nightMode #halfLogScroll td.ellipsis.chosen .tdTable tr.pinciChosen{
	background: slategrey;
}
.up{
	background-image: url("../common/images/up.png");
	width: 3rem;
	height: 3rem;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	right: 50px;
	bottom: 10px;
	z-index: 10;
	border-radius: 1.5rem;
    border: 1px dodgerblue solid;
	display: none;
	background-color: dodgerblue;
	opacity: 0.8;
}
.hasSwitch .up{
	right:calc(12.5% + 50px);
}